<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML >
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>应急会商管理_会商管理页面</title>
        <!-- date css -->
        <link rel="stylesheet" href="<%=basePath%>jclient/css/public/bootstrap.min.css" />
		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/daterangepicker.css" />
   		<!-- date css -->
   		<!-- date javascript -->
		<script src="<%=basePath%>jclient/javascript/public/jquery.min.js"></script>
        <script src="<%=basePath%>jclient/javascript/public/bootstrap.min.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/moment.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/daterangepicker.js"></script>
		 <!-- date javascript -->  
	 	<!-- select -->
   		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/style.css" type="text/css" />
   		<link href="<%=basePath%>jclient/css/public/select.css" rel="stylesheet" type="text/css" />
 		<script type="text/javascript" src="<%=basePath%>jclient/javascript/jslib/select-ui.min.js"></script>
   		<!-- select -->
	<script type="text/javascript">
	$(function(){
				// 日期选择
			    $('#cxdate').val(moment().subtract('days', 29).format('YYYY-MM-DD') + ' - ' + moment().format('YYYY-MM-DD'));
				$('#cxdate').daterangepicker(null, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                }); 
                 $('#addhydate').val(moment().format('YYYY-MM-DD'));
				$('#addhydate').daterangepicker({ singleDatePicker: true }, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                 }); 
                 $('#edithydate').val(moment().format('YYYY-MM-DD'));
				$('#edithydate').daterangepicker({ singleDatePicker: true }, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                 }); 
                 $("#hydiv .tiptop a").click(function(){$("#hydiv").fadeOut(200);});
                 
                 $("#hyEditdiv .tiptop a").click(function(){$("#hyEditdiv").fadeOut(200);});
                 $("#hyEidttTab tr td:even").css("padding-left","30px");
                
        });
	    function dealHY(val1){
	       $("#editHYname").val(val1);
	       $("#hyEditdiv").fadeIn(200);
	    }
	</script>
	<style type="text/css">
	#hslist_div a{
		color: #000000;
	}
	#hslist_div a:HOVER{
		color: #000000;
		text-decoration: none;
	}
	#xhtab td{padding: 5px;width:100px;}
	.daterangepicker{
	z-index: 9999;
	}
	.eclipseBtn{
   	   background-color: #5D95C8;
   	   width: 100px;
   	   height: 32px;
   	   line-height: 30px;
   	   color:#FFFFFF;
  	   	   text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:6px;
    margin: 0 10px;
    cursor: pointer;font-family: 微软雅黑;
  	   }

	</style>
  </head>
  <body style="background-color: #FFFFFF;width: 100%;height: 100%;" >
    <div class="tools" style="margin-top: 10px;padding: 0 10px;">
       <div class="controls" style="width:280px;float: left;">
		<div style="width:60px;float: left;height: 30px;line-height: 30px;">
			<label>会议时间：</label>
		</div>
		<div class="input-group date datetime">
			<input id="cxdate" class="begindate form-control input-sm" size="16" type="text" value="" >
			<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
		</div>
		</div>
		<div style="width:80px;float: left;height: 30px;line-height: 30px;padding-left:20px;">
			<label>会议名称：</label>
		</div>
	    <div style="width:410px;float: left;">
         <input name="" type="text" class="scinput" style="position: relative;top: -3px;"/>&nbsp;&nbsp;&nbsp;&nbsp;<input name=""  style="position: relative;top: -3px;" type="button" class="scbtn" value="查询"/>
       </div>   
        
	    <ul class="toolbar1">
	         <li class="click" style="cursor: pointer;" onclick="$('#hydiv').fadeIn(200);"><span><img src="<%=basePath%>jclient/css/public/images/t01.png" style="position: relative;top: -7px;"/></span>添加</li>    
	         <li><span><img src="<%=basePath%>jclient/css/public/images/t03.png" style="position: relative;top: -7px;"/></span>删除</li>
	    </ul>
    </div>
    <table class="tablelist" style="width: 100%;">
    	<thead>
    	<tr>
	        <th width="4%"><input name="" type="checkbox" value="" checked="checked"/></th>
	        <th width="5%">编号<i class="sort"><img src="<%=basePath%>jclient/css/public/images/px.gif" /></i></th>
	        <th width="56%">会议名称</th>
	        <th width="15%">会议时间</th>
	        <th width="20%">操作</th>
        </tr>
        </thead>
        <tbody>
	        <tr>
		        <td><input name="" type="checkbox" value="" /></td>
		        <td>1</td>
		        <td>2012年8月23日关于于桥水库蓝藻中度暴发事件处置方案会商</td>
		        <td>2012-08-23</td>
		        <td><a href="javascript:function nufu(){return false;}" onclick="dealHY('2012年8月23日关于于桥水库蓝藻中度暴发事件处置方案会商');" class="tablelink">编辑</a>    <a href="#" class="tablelink"> 删除</a></td>
	        </tr> 
	        <tr>
		        <td><input name="" type="checkbox" value="" /></td>
		        <td>2</td>
		        <td>....................................................</td>
		        <td>2012-08-23</td>
		        <td><a href="#" class="tablelink">编辑</a><a href="#" class="tablelink"> 删除</a></td>
	        </tr> 
         </tbody>
    </table>
	<!--新建会议-->
	<div id="hydiv" class="tip" style="width: 630px;height: 300px;z-index: 100;top: 30px;border: 1px solid #cccccc;">
		<div class="tiptop"><span>新建会议</span><a></a></div>
    			<form action="" name="myform">
    			<table id="xhtab"  style="width: 550px;margin-left:40px">
  				 <tr >
  					<td colspan="4">
						<div style="float:right;">
							<ul class="toolbar1">
						         <li><span><img src="<%=basePath%>jclient/css/public/images/t02.png" style="position: relative;top: -7px;"/></span>保存</li>
						    </ul>
					    </div>
  					</td>
  				 </tr>
    				<tr>
    					<td width="100px" style="padding-left:10px;">会议名称</td>
    					<td colspan="3"><input type="text" class="scinput" style="width: 470px;"></td>
    			    </tr>
    				<tr>
    					<td  style="padding-left:10px;">会议时间</td>
    					<td width="200px" >
    						<div class="controls" style="width:150px;">
								<div class="input-group date datetime">
									<input id="addhydate" class="begindate form-control input-sm" size="16" type="text" value="">
									<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
								</div>
							</div>
    					</td>
    					<td style="width:100px;text-align:right">会议地点</td>
    					<td width="200px" ><input type="text" class="scinput"></td>
    				</tr>
    				<tr>
    					<td>主持单位</td>
    					<td width="200px"><input type="text" class="scinput"></td>
    				    <td style="text-align:right">参与单位</td>
    					<td width="200px"><input type="text" class="scinput"></td>
    				</tr>
    				<tr>
    					<td>会议主题</td>
    					<td width="200px"><input type="text" class="scinput"></td>
    					<td style="text-align:right">关联事件</td>
    					<td width="200px"><input type="text" class="scinput"></td>
    				</tr>
    			</table>
    			
    			</form>
   </div>
  	<!--新建会议-->  	
  	<!--编辑会议-->
	<div id="hyEditdiv" class="tip" style="left:50%;margin-left:-450px; width: 900px;height:600px;z-index: 100;top: 10px;border: 1px solid #cccccc;">
	<div class="tiptop"><span>会议编辑</span><a></a></div>
    			<form action="" name="myform">
    			<table id="hyEidttTab" style="width: 800px;margin-left:45px">
	  				 <tr >
	  					<td colspan="4">
	  						<div style="padding-top:20px;text-align:center;"><b>2012年8月23日关于于桥水库蓝藻中度暴发事件处置方案会商</b></div>
							<div style="float:right;padding-right:3px">
								<ul class="toolbar1">
							         <li><span><img src="<%=basePath%>jclient/css/public/images/t02.png" style="position: relative;top: -7px;"/></span>保存</li>
							    </ul>
						    </div>
	  					</td>
	  				 </tr>
    				<tr >
    					<td  height="40px" style="text-align:right;">会议名称</td>
    					<td  colspan="3" ><input type="text" class="scinput"  id="editHYname"  style="width: 720px;"></td>
    				 </tr>
    				<tr>
    					<td height="40px" style="text-align:right;">会议时间</td>
    					<td>
    						<div class="controls" style="width:150px;">
								<div class="input-group date datetime">
									<input id="edithydate" class="begindate form-control input-sm" size="16" type="text" value="">
									<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
								</div>
							</div>
    					</td>
    					<td height="40px" style="text-align:right;">会议地点</td>
    					<td><input type="text" class="scinput" style="width:320px"></td>
    				</tr>
    				<tr>
    					<td height="40px" style="text-align:right;">主持单位</td>
    					<td><input type="text" class="scinput"   style="width:300px"></td>
    					<td style="text-align:right;padding-left:20px;">参与单位</td>
    					<td><input type="text" class="scinput" style="width:320px"></td>
    				</tr>
    				<tr>
    					<td height="40px" style="text-align:right;">会议主题</td>
    					<td><input type="text" class="scinput" style="width:300px"></td>
    					<td style="text-align:right;">关联事件</td>
    					<td><input type="text" class="scinput" style="width:320px"></td>
    				</tr>
    				<tr>
    				<td colspan="4">
					<!-- -会议材料 -->
	    			<div style="padding-top:20px">
				      	<div class="uew-select" style="float: left;position: relative;top:2px;">
					         <div style="width: 100px;" class="uew-select-value ue-state-default"><em class="uew-select-text">文档资料</em><em class="uew-icon uew-icon-triangle-1-s"></em></div>
				             <select style="width: 100px;" class="select3">
						 				  <option>文档资料</option>
					    		          <option>表格资料</option>
					    		          <option>图片资料</option>
					    		          <option>视频资料</option>
					    		          <option>音频资料</option>
							 </select>
						</div>
					    <ul class="toolbar1">
					         <li style="cursor: pointer;" ><span><img src="<%=basePath%>jclient/css/public/images/t01.png" style="position: relative;top: -7px;"/></span>添加文件</li>    
					         <li><span><img src="<%=basePath%>jclient/css/public/images/t03.png" style="position: relative;top: -7px;"/></span>删除文件</li>
					         <li><span><img src="<%=basePath%>jclient/css/public/images/t02.png" style="position: relative;top: -7px;"/></span>批量下载</li>
					    </ul>
				    </div>
    			<table class="tablelist" style="width: 100%;">
			    	<thead>
			    	<tr>
				        <th width="5%"><input name="" type="checkbox" value="" checked="checked"/></th>
				        <th width="10%">编号<i class="sort"><img src="<%=basePath%>jclient/css/public/images/px.gif" /></i></th>
				        <th width="45%">文件名称</th>
				        <th width="20%">制定时间</th>
				        <th width="20%">操作</th>
			        </tr>
			        </thead>
			        <tbody>
				        <tr>
					        <td><input name="" type="checkbox" value="" /></td>
					        <td>1</td>
					        <td>2015年3月桥水蓝藻暴发事件</td>
					        <td>2015年3月</td>
					        <td><a href="#" class="tablelink">下载</a> <a href="#" class="tablelink"> 删除</a></td>
				        </tr> 
				        <tr>
					        <td><input name="" type="checkbox" value="" /></td>
					        <td>2</td>
					        <td>....................................................</td>
					        <td>2015年2月</td>
					        <td><a href="#" class="tablelink">下载</a> <a href="#" class="tablelink"> 删除</a></td>
				        </tr> 
				        <tr>
					        <td><input name="" type="checkbox" value="" /></td>
					        <td>3</td>
					        <td>....................................................</td>
					        <td>2015年2月</td>
					        <td><a href="#" class="tablelink">下载</a> <a href="#" class="tablelink"> 删除</a></td>
				        </tr> 
			         </tbody>
			    </table>
			    <!-- -会议材料 -->   
			    </td> 				
    				</tr>
    			</table>
    			</form>
			    <div class="tools" style="padding: 0 0px;"></div>
   </div>
  <!--编辑会议-->  
  </body>
</html>
